<template>
  <div>
    <div class="bottomBar" v-if="data">
      <div class="barcontent">
         <div class="borders">
          写一个评论..
         </div>
         <div class="rights">
          <van-icon name="like-o" size="20" />
          <span class="like">{{data.praisenum}}</span>
          <van-icon  name="chat-o" size="20"/><span class="chat">{{data.commentnum}}</span>
          <van-icon name="share-o" size="20"/>
         </div>
      </div>
    </div>
      
  </div>
</template>

<script>
export default {
  props:['data']
}
</script>

<style lang="less" scoped>
  .bottomBar{
    position: fixed;
    bottom: 0;
    background:#FBFBFB ;
    width: 375px;
    padding: 5px 10px;
    border-top: 1px solid #EBEBEB;
    box-sizing: border-box;
    z-index: 1;
    .barcontent{
      display: flex;
      justify-content: space-between;
      align-items: center;
      .borders{
        width: 140px;
        padding: 8px;
        font-size: 14px;
        border: 1px solid #A6A6A6;
        border-radius: 3px;
        box-sizing: border-box;
        
      }
       .rights{
          .like{
            font-size: 10px;
            margin-right: 10px;
          }
          .chat{
            font-size: 10px;
            margin-right: 10px;
          }
       }
    }
  }
</style>